<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="applicable-device" content="pc,mobile">
    <title th:text="${app.title}+'-天天线报网'"></title>
    <link rel="icon" href="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/logo.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/layui/css/reset.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <link rel="stylesheet" href="/css/app/desc.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2846353_zxrrlalym7e.css" type="text/css">
    <link rel="canonical" th:href="'https://www.daydayzhuan.com/app/'+${app.id}"/>
    <link rel="stylesheet" href="/css/article/viewer.css"/>
    <link rel="stylesheet" href="/css/article/desc.css"/>
    <script src="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/jquery-3.3.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/script/common.js"></script>
    <script src="/script/article/viewer.js"></script>
    <script src="/script/article/blockChain/desc.js"></script>
    <script type="application/ld+json" th:inline="javascript">
        {
            "@content": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://daydayzhuan.com/app/[[${app.id}]]",
            "appid": "1628215977733461",
            "title": [[${app.title}]],
            "upDate": [[${update}]]
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0e9ace0ec6eaa50fecc2ca9f52f63f89";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https'){
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else{
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
    <script>
        !(function(c,i,e,b){
            var h=i.createElement("script");
            var f=i.getElementsByTagName("script")[0];
            h.type="text/javascript";
            h.crossorigin=true;
            h.onload=function(){new c[b]["Monitor"]().init({id:"Jlhlprm9RKOWb9Xt"});};
            f.parentNode.insertBefore(h,f);h.src=e;})(window,document,"https://sdk.51.la/perf/js-sdk-perf.min.js","LingQue");
    </script>
</head>
<body>
<input type="hidden" id="appId" th:value="${app.id}">
<div th:replace="common/menu::menu(menuList=${menuList})"></div>
<nav class="breadcrumb" style="height: unset;-webkit-box-shadow:unset;box-shadow:unset;padding: 0 15px;margin-top: 5px;">
    <i class="iconfont icon-nav_xitongzhuye"></i>
    <a href="https://www.daydayzhuan.com" title="首页">首页</a>
    <i class="iconfont icon-navigation-right-arrow"></i>
    <a title="手机赚钱" href="https://www.daydayzhuan.com/blockChain"><cite>手机赚钱</cite></a>
    <i class="iconfont icon-navigation-right-arrow"></i>
    <a th:title="${app.title}"><cite th:text="${app.title}"></cite></a>
</nav>
<main style="margin-top: 5px;padding: 0 5px;">
    <div class="layui-row">
        <div class=" layui-col-md8 content">
            <header class="layui-row content_header">
                <div class="layui-col-md2 layui-col-sm2  layui-col-xs4">
                    <div class="layui-col-md12 layui-col-xs12 ">
                        <img class="cover" th:src="${app.cover}" th:title="${app.title}+'封面'" >
                    </div>
                    <div class="layui-col-md12 layui-col-xs10 downDiv">
                        <a class="layui-btn downBtn" th:title="${app.title}+'免费下载'" th:href="${app.inviteUrl}"  rel="nofollow" target="_blank">免费下载</a>
                    </div>
                </div>
                <div class="layui-col-md8 layui-col-sm8 layui-col-xs8">
                    <div class="layui-row">
                        <div class="app_title ">
                            <h1 th:text="${app.title}" class="app_title"></h1>
                        </div>
                        <div class="tags">
                            <a th:href="'https://www.daydayzhuan.com/tag/'+${k}"  rel="tag" th:each="k,iterStat:${keywordList}"  th:title="${k}" th:text="${k}" class="layui-badge tag" th:classappend="'divTags'+(${iterStat.index}>3?(${iterStat.index}%3):(${iterStat.index}))"> </a>
                        </div>
                    </div>
                </div>
                <div class="info layui-col-md8 layui-col-sm8 layui-col-xs12">
                    <ul class="layui-row">
                        <li class="layui-col-md12">
                            <span class="info_title">开发公司：</span>
                            <span th:text="${app.companyName}"></span>
                        </li>
                        <li class="layui-col-md12">
                            <span class="info_title">系统支持：</span>
                            <span th:if="${app.device == 0}">安卓/苹果</span>
                            <span th:if="${app.device == 1}">安卓</span>
                            <span th:if="${app.device == 2}">苹果</span>
                            <span th:if="${app.device == 3}">电脑客户端</span>
                        </li>
                        <li class="layui-col-md12">
                            <span class="info_title">下载次数：</span>
                            <span th:text="${app.downCount}"></span>
                        </li>
                        <li class="layui-col-md12">
                            <span class="info_title">发布日期：</span>
                            <span th:text="${createTime}">安卓/苹果</span>
                        </li>

                    </ul>
                </div>

                <div class="layui-col-md2 layui-col-sm2 layui-hide-xs invateImgDiv">
                    <div class="layui-col-md12 layui-col-xs12 ">
                        <img class="invate_img" th:src="${app.inviteImg}" th:title="${app.title}+'下载二维码'" >
                    </div>
                    <div class="layui-col-md12 layui-col-xs10 downDiv">
                        <span class="layui-btn downBtn" >扫码下载</span>
                    </div>
                </div>
            </header>
            <hr>
            <article class="app_content_div">
                <p class="desc_title"><span class="i">#</span><span th:text="${app.title}+'简介'"></span></p>
                <div  th:utext="${app.content}" class="app_content">
                </div>
            </article>

            <section class="part-mor box-show wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">
                <!--相关文章-->
                <h3 class="section-title"><span>最近更新</span></h3>
                <ul class="section-cont-tags pic-box-list clearfix">
                    <li th:each="p:${projectList}">
                        <a th:href="'/article/'+${p.id}" class="relation" th:title="${p.title}" th:text="${p.title}"></a>
                    </li>
                </ul>
            </section>
        </div>
        <aside class=" layui-col-md4">
            <div th:replace="common/rankRight::rankRight(advertList=${advertList},rankProjectList=${rankProjectList},typeId=${typeId},total=${total})"></div>
        </aside>
    </div>



</main>

<footer th:include="common/footer::footer"></footer>
</body>
<script>
    var viewer = new Viewer($("main")[0]);
</script>
</html>